<div class="header">
    <div class="header-top">
        <div class="container">
            <div class="logo">
                <h1><a href="{:url('index')}">{$setting.copy_name}</a></h1>
            </div>
            <div class="top-nav">
                <span class="menu"><img src="/static/index/images/menu.png" alt=""> </span>

                <ul>
                    {volist name="navigation" id="vo"}
                    <li>
                        <a href="/index/$vo.controller/$vo.action">{$vo.title}</a>
                    </li>
                    {/volist}
                </ul>

                <!--script-->
                <script>
                    $("span.menu").click(function() {
                        $(".top-nav ul").slideToggle(500, function() {});
                    });
                </script>
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>
</div>